@charset "utf-8";

/* header */
.text_today{ margin:0 0 18px 0; font-size:14px; font-family:Arial}
.text_today span{ color:#2388c7; margin-right:7px;}
.cafeHeader *{ margin:0; padding:0;}

.cafeHeader {border: 3px solid #DCE0E9; margin-bottom: 20px; overflow: hidden; padding: 15px; width: 634px;}
.cafeHeader .cafeTitle {border-bottom: 1px solid #DCE0E9; padding-bottom: 15px; width: 100%;}
.cafeHeader .cafeTitle .cafeTitleText em { color: #999999; font-weight: normal;}
.cafeHeader .cafeTitle .cafeDescription { color: #777E90;margin: 5px 0 0; font-size:12px;}
.cafeHeader .intro {padding-top: 12px;}
.cafeHeader .intro_lst dt {color: #3A3F4D; font-weight: bold; margin-bottom: 10px; font-size: 12px; }
.cafeHeader .intro_lst .thmb { border: 1px solid #C9CFDD; float: left; height: 58px; margin-right: 10px; width: 58px;}
.cafeHeader .intro_lst .desc { color: #999999; line-height: 18px; margin: 15px 0 0 70px; font-size:12px;}


#container .ct { font-size: 14px; line-height: 1.6; min-height: 500px; overflow: hidden; padding: 30px 30px 30px 60px; width: 670px;}

.cafeBody{}
.cafeBody .tabs{}
.cafeBody .tabs ul{display: block;position:relative;z-index:0;border-bottom:1px solid #a1a9be;*zoom:1;}
.cafeBody .tabs ul:after{display: block;content: '';clear: both;}
.cafeBody .tabs ul li{float: left;margin:0 0  -1px 0;padding: 0}
.cafeBody .tabs ul a{display: block;margin:0 1px;*margin:0 1px 0px;padding:10px 30px;border: 1px solid #c9cfdd;border-bottom-color:#a1a9be;background:#e9ebf1;color:#777e90;font-size: 12px;text-decoration: none;}
.cafeBody .tabs ul a.active{position:relative;z-index:10;margin:0 -1px;*margin:0 -1px -1px;*height:19px;border:1px solid #a1a9be;background: #f1f3f8;border-bottom: 1px solid #f1f3f8;font-weight: bold;}

.cafeBody form.srch_comm{display: block;position: relative;margin: 20px 0 0 0;width:670px;height:47px;background:url('img/bg_srch_comm.png') no-repeat 0 0;}
.cafeBody form.srch_comm label{display:block;float:left;margin:17px 0 0 21px;font-weight: bold;color:#3a3f4d;line-height: 1;}
.cafeBody form.srch_comm label em{color:#8398e8;}
.cafeBody form.srch_comm .ipt_box{display:block;position: absolute;top:11px;left:233px;padding:0px 5px 4px;*padding-top:5px; width:342px;height:21px;*height:16px;background: url('img/bg_srch_ipt.png') no-repeat 0 0;}
.cafeBody form.srch_comm .ipt_box input{width:100%;height:16px;font-size: 12px;line-height:12px;border: none;background: transparent;}
.cafeBody form.srch_comm .btn_sbmt{display:block;width:64px;height:25px;float:right;margin:11px 11px 0 0;border:none;background: url('img/btn_srch_comm.png') no-repeat 0 0;font-size: 0;line-height: 0;color:transparent;}

.cafeBody .lst_cafe ul.list li .thmb,
.cafeBody .lst_proj ul.list li .thmb{float:left;margin-right:10px;width:58px;height:58px;border: 1px solid #c9cfdd}
.cafeBody .lst_cafe ul.list li,
.cafeBody .lst_article ul.list li,
.cafeBody .lst_proj ul.list li{padding:20px 0 14px;border-bottom:1px solid #e5e7ed}
.cafeBody .lst_proj ul.list li a.lnk_cafe { color: #999999;}

/* cafeBody Layout */

/* tab */

.tab{font-family:Arial;zoom:1;}
.tab ul{position:relative;margin:0;padding:0;border-bottom:1px solid #ccc;font-family:Tahoma, Sans-serif;font-size:12px;list-style:none;*zoom:1;}
.tab ul:after{display:block;clear:both;content:""}
.tab li{float:left;margin-bottom:-1px;}
.tab li a{width:244px;float:left;position:relative;border:1px solid #e0e0e0; border-bottom:0;background:#fafafa;color:#a6a6a6;text-decoration:none; text-align:center; font-size:12px; font-weight:bold}
.tab li a span{display:inline-block;padding:7px 25px 6px 25px;cursor:pointer;}
.tab li ul{display:none;position:absolute;top:40px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1}
.tab li ul:after{display:block;clear:both;content:""}
.tab li li{float:none;position:relative;margin:0 0 8px 0;color:#999}
.tab li li a{float:none;margin:0;padding:0;border:0 !important;background:transparent;font-weight:normal;color:#666 !important;letter-spacing:normal}
.tab.m1 .m1 b{ color:#2388c7;}
.tab.m1 .m1 em{ color:#81adc8; margin-left:11px; font-style:normal}
.tab.m2 .m2 b{color:#2388c7;}
.tab li li a:hover,
.tab li li a:active,
.tab li li a:focus{color:#000 !important;text-decoration:none!important}
.tab li li.more{position:absolute;top:-30px;right:0;border:0 !important;background:transparent}
.tab.m1 .m1 a,
.tab.m2 .m2 a{border:1px solid #bebebe;border-bottom:1px solid #fff;background:transparent;color:#333}
.tab.m1 .m1 a span,
.tab.m2 .m2 a span{padding-top:7px;font-weight:bold}
.tab .view{ position: absolute; right:0; top:0; display:inline; background:none; border:0}
.tab .view a{background:none; border:0; width:auto;}

.cafeBody .list{ margin:0; padding:0;font-family:Arial; zoom:1}
.cafeBody .list li{/*border-top:1px solid #e3e3e3;*/ list-style:none; padding:9px 0; overflow:hidden; zoom:1;}
.cafeBody .list li p.txt, .cafeBody .list li a.lnk_cafe {font-size:12px;}
.cafeBody .list li.last{ border:0}
.cafeBody .list li .cafe_tb{ width:100%; overflow:hidden; zoom:1;}
.cafeBody .list li .cafe_tb caption{ display:none}
.cafeBody .list li .cafe_tb th{ font-size:12px; color:#3a3a3a; text-align:left}
.cafeBody .list li .cafe_tb th a{ color:#000}
.cafeBody .list li .cafe_tb td a{ color:#616161;}
.cafeBody .list li .cafe_tb td.sum{ color:#616161; font-size:11px;}
.cafeBody .list li .cafe_tb td.sum img{ vertical-align:top; margin:2px 5px 0}
.cafeBody .list li .cafe_tb td.name{ color:#9c9c9c; font-size:12px;}
.cafeBody .list li .cafe_tb .txt_off{ display:none}
.cafeBody .list li .cafe_tb .txt_on{ display:block}
.cafeBody .list li .cafe_tb2{ margin-top:10px;}
.cafeBody .list li .cafe_tb2 td{ color:#616161; font-size:12px; height:19px;}
.cafeBody .list li .cafe_tb2 td span{ background:url(../../../../layouts/xe_cafe_new/img/line_v1.gif) no-repeat 0 50%; margin-left:4px; padding-left:8px; color:#9c9c9c}
.cafeBody .list li .cafe_tb2 td strong{ color:#ed720e; margin:0 0 0 5px;}
.cafeBody .list li .cafe_tb2 td.name{color:#9c9c9c; font-size:12px;}
.cafeBody .list .th_wid{width:464px}
.cafeBody .list .td_wid2{width:50px}
.cafeBody .list .td_wid3{width:115px}
.cafeBody .list .td_wid4{width:17px}
.cafeBody .list .td_wid5{width:515px}
.cafeBody .list .td_wid6{width:119px}
.cafeBody .list .btn_sub img{ padding:5px;}
.cafeBody a.more{ background:url(../../../../layouts/xe_cafe_new/img/bg_more.gif) repeat-x; height:45px; display:block; text-align:center; line-height:45px; border:1px solid #e6e6e6; color:#9c9c9c; font-size:12px; zoom:1}
/* new_cafe */
.new_cafe{ overflow:hidden; zoom:1}
.new_cafe .cafe_list{ margin:0; padding:0; font-family:Arial; zoom:1; overflow:hidden}
.new_cafe .cafe_list li{ overflow:hidden; border-top:1px solid #e3e3e3; padding:15px 0 15px 0; list-style:none;zoom:1}
.new_cafe .cafe_list li.last{border-top:0}
.new_cafe .cafe_list .thmb{ float:left; margin:0 15px 0 0; padding:5px; background:#efeeee; border:1px solid #d2d2d2}
.new_cafe .cafe_list .cafeTitle{ color:#3a3a3a; font-size:12px; margin:0; padding:0 0 4px 0;}
.new_cafe .cafe_list p{ margin:0; padding:0;}
.new_cafe .cafe_list .info{ color:#9c9c9c; margin-bottom:4px}
.new_cafe .cafe_list .url a{ color:#0b89d8}


.cafeBody:after{ content:""; display:block; clear:both;}
.cafeBody.cafeCE{}
.cafeBody.cafeEC{}

.cafeBody hr{ display:none;}
.cafeBody img{ border:0;}
.cafeBody fieldset{ border:0; padding:0; margin:0;}
.cafeBody legend{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

.cafeBody a{ text-decoration:none;}
.cafeBody a:hover,
.cafeBody a:active,
.cafeBody a:focus{ text-decoration:none;}

.cafeContent{ position:relative; width:100%; margin:0;}
.cafeCE .cafeContent{}
.cafeEC .cafeContent{}

.cafeExtension{ position:relative; width:245px;}
.cafeCE .cafeExtension{ left:280px; float:right; margin-left:-245px;}
.cafeEC .cafeExtension{ right:280px; float:left; margin-right:-245px;}

/* cafeContent */
.cafeContent .userDefine{ line-height:1.5; margin:0 0 40px 0; overflow:hidden; }
.cafeContent .userDefine p.introText { margin:0; padding:0; }


/* userUpdate */
.userUpdate{ position:relative; padding:28px 0 1px 0; border:1px solid #e2e2e2; *zoom:1;}
.userUpdate .cafeSection{ margin:0 20px 40px 20px; position:relative; *zoom:1;}
.userUpdate .cafeSection h2{ font-size:12px; margin:0 0 15px 0; padding:0 0 6px 0; border-bottom:2px solid #e1e1e1;}
.userUpdate .cafeSection .more{ position:absolute; top:0; right:0; padding:0 7px 0 0; color:#b4b4b4; background:url(./img/iconMore.gif) no-repeat right center;}
.userUpdate .cafeSection ul{ list-style:none; margin:0; padding:0;}
.userUpdate .cafeSection li{ padding:0 0 0 7px; margin:0 0 5px 0; background:url(./img/iconList3.gif) no-repeat left 6px;}
.userUpdate .cafeSection li a{ color:#888;}

/* cafeUpdate */
.userUpdate .cafeUpdate li{ background:none; padding:0; margin:0 0 10px 0; clear:both; *zoom:1;}
.userUpdate .cafeUpdate li:after{ content:""; display:block; clear:both;}
.userUpdate .cafeUpdate .userThumb{ float:left; margin:0 8px 0 0;}
.userUpdate .cafeUpdate .cafeTitle{ color:#3f3f3f;}
.userUpdate .cafeUpdate .cafeMeta{ display:block; padding:5px 0 0 0;}
.userUpdate .cafeUpdate .userName{ color:#979797; margin:0 3px 0 0; font-size:11px; font-family:Dotum; cursor:pointer;}
.userUpdate .cafeUpdate .userName a { color:#979797; text-decoration:none; }
.userUpdate .cafeUpdate .ymd{ display:inline-block; height:10px; font-size:9px; padding:0 0 0 7px; color:#979797; border-left:1px solid #d5d5d5;}
.userUpdate .cafeUpdate .hm{ display:inline-block; height:10px; font-size:9px; color:#979797;}

/* widgetTagCloud */
.widgetTagCloud { text-align:justify; font-size:12px; line-height:1.5; margin:0; padding:0;}
.widgetTagCloud li{ display:inline; list-style:none; margin:0 !important; padding:0 !important; background:none !important;}
.widgetTagCloud li a{ white-space:nowrap; font-family:Dotum;}
.widgetTagCloud li.level4 a{ font-size:12px; color:#999 !important;}
.widgetTagCloud li.level3 a{ font-size:12px; color:#666 !important;}
.widgetTagCloud li.level2 a{ font-size:12px; font-weight:bold; color:#444 !important;}
.widgetTagCloud li.level1 a{ font-size:14px; font-weight:bold; color:#000 !important;}

/* cafeList */
.cafeListHeader{ position:relative; margin:0 0 10px 0;}
.cafeListHeader h2.h2{ color:#333; font-size:12px; margin:0; padding:0; }
.cafeListHeader h2.info{ color:#333; font-size:12px; margin:0; padding:3px 0 6px 9px; font-weight:normal;}
.cafeListHeader h2.info strong{ color:#fd565e;}
.cafeListHeader .postSearch{ margin:0; padding:0; position:absolute; top:0; right:10px; _text-align:right;}
.cafeListHeader .postSearch .inputText{ padding:4px 0 0 4px; height:17px; width:139px; border:1px solid #d2d2d2; font-size:12px; line-height:normal; vertical-align:middle;}
.cafeListHeader .postSearch select{ height:23px; font-size:12px; vertical-align:middle;}

.cafeListBody{ position:relative; border-top:1px solid #e5e5e5;}
.cafeListBody ul{ list-style:none; margin:0; padding:0;}
.cafeListBody li{ position:relative; padding:15px 0; border-bottom:1px solid #e5e5e5; clear:both; *zoom:1;}
.cafeListBody li:after{ content:""; display:block; clear:both;}
.cafeListBody h3.cafeTitle{ font-size:12px; margin:0 0 5px 0;}
.cafeListBody h3.cafeTitle a{ color:#333;}
.cafeListBody h3.cafeTitle em{ font-size:9px; color:#fd565e; font-style:normal;}
.cafeListBody .thumb{ float:left; margin:0 19px 0 0; border:1px solid #e3e3e3;}
.cafeListBody .postMeta{ margin:0 0 8px 0;}
.cafeListBody .userName{ color:#979797; margin:0 3px 0 0; font-size:11px; font-family:Dotum;}
.cafeListBody .userName a { color:#979797; text-decoration:none; }
.cafeListBody .ymd{ display:inline-block; height:10px; font-size:9px; padding:0 0 0 7px; color:#979797; border-left:1px solid #d5d5d5;}
.cafeListBody .hm{ display:inline-block; height:10px; font-size:9px; color:#979797;}
.cafeListBody .postSummary{ color:#666; line-height:1.5; margin:0 0 3px 0;}

.cafeListBody .cafeList li{}
.cafeListBody .cafeList h3.cafeTitle{ padding:10px 0 0 0;}
.cafeListBody .cafeList .thumb{ position:relative; top:-10px; margin:0 19px -10px 0;}
.cafeListBody .memberList{}

.cafeListBody .cafeTags{ margin:0 0 12px 0; padding:0;}
.cafeListBody .cafeTags *{ display:inline;}
.cafeListBody .cafeTags dt{ color:#777;}
.cafeListBody .cafeTags dd{ color:#b3b3b3; margin:0;}

.cafeListBody .cafeMeta{ position:relative; margin:0; padding:10px 0; color:#9a9a9a; overflow:hidden; *zoom:1;}
.cafeListBody .cafeMeta:after{ content:""; display:block; clear:both;}
.cafeListBody .cafeMeta dt{ position:relative; left:-9px; float:left; height:9px; line-height:9px; *line-height:normal; border-left:1px solid #e5e5e5; padding:0 0 0 8px;}
.cafeListBody .cafeMeta dd{ position:relative; left:-9px; float:left; height:9px; line-height:9px; *line-height:normal; margin:0; font-size:12px; padding:0 8px 0 8px;}

/* tagListBody */
.tagListBody{ padding:20px 0; border-top:1px solid #e5e5e5; line-height:1.2;}
.tagListBody *{ margin:0; padding:0;}
.tagListBody ul{ text-align:justify; list-style:none;}
.tagListBody li{ display:inline; margin:0 3px; }
.tagListBody li a{ color:#666; font-family:Dotum; white-space:nowrap;}
.tagListBody li.rank1 a{ font-weight:bold; font-size:18px; color:#fff; background:#a2b9d5;}
.tagListBody li.rank2 a{ font-weight:bold; font-size:18px; color:#4bcfd0;}
.tagListBody li.rank3 a{ font-weight:bold; font-size:14px; color:#648ab9;}
.tagListBody li.rank4 a{ font-size:12px;}

/* contentHeader */
.contentHeader{position:relative; margin:0 0 10px 0; border-bottom:1px solid #e5e5e5; *zoom:1;}
.contentHeader h2.h2{color:#333; font-size:12px; margin:0; padding:3px 0 6px 9px;}

/* cafeCreation */
.cafeCreation{ margin:0; padding:0; text-align:center;}
.cafeCreation fieldset{ margin:0 0 30px 0; padding:0;}
.cafeCreation table{ border:0; width:100%; text-align:left;}
.cafeCreation th,
.cafeCreation td{ border:0; padding-top:15px; padding-bottom:15px; border-bottom:1px solid #e5e5e5; text-align:left; vertical-align:top;}
.cafeCreation th{ color:#666; padding-left:15px; padding-right:30px; white-space:nowrap;}
.cafeCreation td{ color:#666; width:100%;}
.cafeCreation td p{ margin:0;}
.cafeCreation td .error{ display:none; color:#fd565e; margin:3px 0;}
.cafeCreation td .error.open{ display:block;}
.cafeCreation td .inputText{ width:92%; *width:400px; border:1px solid #c6c6c6; padding:4px 9px 0 9px; height:17px; font-size:12px; vertical-align:middle;}
.cafeCreation td .inputTextArea { width:92%; *width:400px; border:1px solid #c6c6c6; padding:4px 9px 0 9px; height:100px; font-size:12px; vertical-align:middle;}
.cafeCreation td .inputText.cafeAddress{ width:100px; text-align:center;}
.cafeCreation td .inputCheck{ width:13px; height:13px; margin:0; vertical-align:middle;}
.cafeCreation td .userAgreement{ width:92%; *width:400px; border:1px solid #cacaca; line-height:1.5; padding:9px; height:120px; overflow:auto; *overflow-x:hidden;}
.cafeCreation td .check{ font-weight:bold; margin:8px 0;}

/* pagination */
.pagination{padding: 20px 0;text-align: center;}
.pagination ul{*display:inline;margin:0 auto;*zoom:1;text-align: center;line-height: 14px;}
.pagination li{display: inline-block;*display:inline;max-width:14px;*float:left;margin:0 4px;font-size: 12px;vertical-align: top;}
.pagination li a{display: block;width:14px;height:14px;}
.pagination li.first,
.pagination li.prev,
.pagination li.next,
.pagination li.end{font-size: 0px;margin:0 5px;padding:0;width: 14px;height: 14px;line-height: 0;text-indent: -999em;color: transparent;}
.pagination li.first{background: url('img/bg_paging_first.png') no-repeat 0 0;}
.pagination li.prev{background: url('img/bg_paging_prev.png') no-repeat 0 0;}
.pagination li.next{background: url('img/bg_paging_next.png') no-repeat 0 0;}
.pagination li.end{background: url('img/bg_paging_end.png') no-repeat 0 0;}
/* cafe content button */
.tcb,
.tcb a,
.tcb button,
.tcb input{ position:relative; display:inline-block; border:0; background-color:transparent; background-image:url(./img/buttonTC.gif); background-repeat:no-repeat; text-decoration:none !important; vertical-align:middle; cursor:pointer; overflow:visible; text-align:center;}

.tcb{ margin-right:2px;}
.tcb a,
.tcb button,
.tcb input{ *vertical-align:top; left:2px;}

.tcbSmall,
.tcbSmall *{ height:20px;}
.tcbSmall{ background-position:left top;}
.tcbSmall *{ font-size:11px; line-height:20px; font-family:Dotum; color:#555; background-position:right top; padding:0 5px 0 3px; letter-spacing:-1px;}

.tcbMedium,
.tcbMedium *{ height:24px;}
.tcbMedium{ background-position:left -30px;}
.tcbMedium *{ font-size:12px; line-height:24px; color:#000; background-position:right -30px; padding:0 10px 0 8px;}

.tcbLarge,
.tcbLarge *{}
.tcbLarge{ background-position:left -60px; margin-bottom:10px;}
.tcbLarge *{ font-size:12px; line-height:37px; color:#555; background-position:right -60px;}

.tcb.strong *{ font-weight:bold; color:#111;}
.all_cafes_btn {margin-top: -30px; float:right}

.cafeBody .pagination{padding: 20px 0;text-align: center;}
.cafeBody .pagination ul{*display:inline;margin:0 auto;*zoom:1;text-align: center;line-height: 14px;}
.cafeBody .pagination li{display: inline-block;*display:inline;max-width:14px;*float:left;margin:0 4px;font-size: 12px;vertical-align: top;}
.cafeBody .pagination li a{display: block;width:14px;height:14px;}
.cafeBody .pagination li.first,
.cafeBody .pagination li.prev,
.cafeBody .pagination li.next,
.cafeBody .pagination li.end{font-size: 0px;margin:0 5px;padding:0;width: 14px;height: 14px;line-height: 0;text-indent: -999em;color: transparent;}
.cafeBody .pagination li.first{background: url('img/bg_paging_first.png') no-repeat 0 0;}
.cafeBody .pagination li.prev{background: url('img/bg_paging_prev.png') no-repeat 0 0;}
.cafeBody .pagination li.next{background: url('img/bg_paging_next.png') no-repeat 0 0;}
.cafeBody .pagination li.end{background: url('img/bg_paging_end.png') no-repeat 0 0;}
.cafeBody .lst_article .list .meta{ color: #999999; font-size: 11px;}
